<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格跨行跨列</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="../../jsfile/layer.css"/>
    <script src="../../jsfile/jquery.js"></script>
    <script src="../../jsfile/layer.js"></script>
    <script src="../../jsfile/base.js"></script>
</head>
<body>
<p id="text_show">
        需求：
        新建一个五行五列的表格
        第一行,第一列的单元格要跨两列
        第二行第一列的单元格跨两行

        colspan 属性设置跨列
        rowspan 属性设置跨行
</p>

    <table border="1" width="500" height="500" cellspacing="0" align="center">
        <tr >
            <th>列1</th>
            <th>列2</th>
            <th>列3</th>
            <th>列4</th>
            <th>列5</th>
        </tr>
        <tr align="center">
            <td colspan="2">1.1</td>
            <td>1.3</td>
            <td>1.4</td>
            <td rowspan="5">1.5</td>
        </tr>
        <tr align="center">
            <td rowspan="2">2.1</td>
            <td>2.2</td>
            <td>2.3</td>
            <td>2.4</td>

        </tr>
        <tr align="center">
            <td>3.2</td>
            <td>3.3</td>
            <td>3.4</td>

        </tr>
        <tr align="center">
            <td>4.1</td>
            <td>4.2</td>
            <td>4.3</td>
            <td>4.4</td>

        </tr>
        <tr align="center">
            <td>5.1</td>
            <td>5.2</td>
            <td>5.3</td>
            <td>5.4</td>

        </tr>
    </table>

<div class="look_source_code" onclick="getPageContent()">查看源码</div>
</body>
</html>